import { useState, useEffect } from 'react'
import { resourcePath } from '../../../utils/resource';
import './index.less'

export default function LittleTitle(props) {
    return <div className='relative layout-h center little-title' style={{
        padding: '4px 0 4px 8px'

    }}>
        <div style={{
            background: `url(${resourcePath.littleTitleBg})`,
            backgroundSize: '100% 100%',
            width: 120,
            height: 8,
            position: 'absolute',
            bottom: 0,
            left: 0
        }}></div>
        <div className='fill left-title'>{props.title || props.children}</div>
        <div className='right-title'>{props.extra}</div>

    </div>;
}